<template>
  <div>
    <div style="height: 80px;width: 100%">
      首页 <br>
      传递参数：id={{id}}   name={{name}}<br>
    </div>
    <div style="display: flex">
      <div style="width: 200px;height: 400px">
        导航栏<br>
        <router-link to="/index/product">商品管理</router-link><br>
        <router-link to="/index/order">订单管理</router-link><br>
        <router-link to="/index/user">用户管理</router-link><br>
        <router-link to="/index/em">员工管理</router-link>
      </div>
      <div style="width: 1000px;height: 400px">
         <router-view/>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id:0,
      name:""
    }
  },
  created() {
    this.id = this.$route.params.id;
    this.name = this.$route.params.name;
  }
}
</script>

<style scoped>

</style>